<template>
  <div class="bloger-label">
    <line-title :title="data.label" />
    <div class="com-tag">
      <van-tag
        v-for="(item, index) in data.list"
        :key="index"
        mark
        round
        size="large"
        :color="data.color"
      >
        {{ item }}
      </van-tag>
    </div>
  </div>
</template>
<script lang="ts" setup>
  import LineTitle from '@comp/LineTitle/LineTitle.vue'
  // import dataType from './type'
  withDefaults(
    defineProps<{
      data: any
    }>(),
    { data: () => {} }
  )
</script>
<style lang="scss" scoped>
  .bloger-label {
    .com-tag {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: $padding;
      /* 如果最后一行是3个元素 */
    }
  }
</style>
<style lang="scss">
  .van-tag {
    margin-right: $about-tag-margin-size;
    margin-bottom: $about-tag-margin-size;
    font-size: $about-text-size;
  }
</style>
